<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="initial-scale=1, width=device-width,user-scalable=no">
<title>优秀工长</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<link type="text/css" rel="stylesheet" href="css/wechat_rest.css">
<link type="text/css" rel="stylesheet" href="css/wechat_base.css">
<script src="js/zepto.min.js" type="text/javascript"></script> 
<script src="js/jsf_js_base.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="css/skin.css" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/vdform_1.js"></script>
</head>
<body>

<div class="gleader pad_b1">免费预约</div>
 
<form id="testform" action="" method="post" style="position:absolute;width:100%;">

<div class="gldyy ">
	<div class="inpbox"><input type="text" style="width:90%;" class="inp" placeholder="您的姓名"  name="Name"   validata-options="validType:'Require|Chinese',msg:'不能为空|真实姓名只允许中文,并且大于两个字'"/></div>
</div>

<div class="gldyy">
	<div class="inpbox"><input type="tel" class="inp" placeholder="您的手机号"  name="Mobile"  validata-options="validType:'Require|Mobile',msg:'不能为空|手机号码不正确'"/></div>  
</div>


<div class="gldyy">
	<div class="inpbox w60 fl"><input type="text" class="inp" placeholder="请输入验证码" /></div>
	<input type="button" class="yzbtn fr" id="yybtn" value="获取验证码" />
</div>

<div class="gldyy">
	<div class="inpbox"><input type="text" class="inp" placeholder="您的房屋地址"  validata-options="validType:'Require|Chinese',msg:'不能为空'"/></div>
</div>

<div class="gldyy">
	<div class="inpbox"><input type="tell" class="inp" placeholder="您的房屋平米数"  onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" name="amount"  validata-options="validType:'Require|Number',msg:'不能为空|'"/></div>
</div>

<div class="gldyy">
	<p><input type="submit" class="btn submit" value="提交信息" /></p>
</div>

</form>

<script type="text/javascript">
var wait=60;
function time(o) {
        if (wait == 0) {
            o.removeAttribute("disabled");            
            o.value="获取验证码";
            wait = 60;
            o.className='yzbtn fr';
        } else {
            o.setAttribute("disabled", true);
            o.value=wait + "秒后再获取";
            o.className='yzbtn fr gbg';
            wait--;
            setTimeout(function() {
                time(o)
            },
            1000)
        }
    }
document.getElementById("yybtn").onclick=function(){time(this);}
</script>
 <script>
		   $('#testform').checkForm();
		   $("#btn").click(function(){
		  $('#testform').submit();
		});
	</script>
</body>
</html>